import React,{useState} from 'react'
import { Navigate,NavLink,Outlet } from 'react-router-dom'

export default function Home() {

  return (
    <div>
      <h3>我是Home组件</h3>
      <div>
        <ul className='nav nav-tabs'>
          <li>
            <NavLink className="list-group-item" to="news">News</NavLink>
          </li>
          <li>
            <NavLink className="list-group-item" to="message">Message</NavLink>
          </li>
        </ul>
        {/* 指定路由组件呈现位置 */}
        <Outlet/>
      </div>
    </div>
  )
}
